@import './styles/variable.less';
html {
  min-height: 100vh;
  body,
  #root,
  .page,
  .height100 {
    // 覆盖antd的height: 100%;
    height: auto;
    min-height: 100vh;
  }
}

body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
}

a {
  text-decoration: none;
  outline: none;
}

ul,
dl,
li,
ol,
dt,
dd {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

img[src=""],
img:not([src]) {
  opacity: 0;
}

a,
button,
input {
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}

input {
  user-select: auto;
  border: 0;
  outline: none;
}

input::-webkit-input-placeholder {
  color: rgb(117, 117, 110);
}

.iconfont {
  font-size: inherit;
}

.icon {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-size: contain;
  font-size: inherit;
}

// .clear,
// .clearfix:before,
// .clearfix:after {
//   // content: ".";
//   // display: block;
//   // height: 0;
//   // visibility: hidden;
//   // clear: both;
//   content: " ";
//   display: table;
// }
.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 2*@gutter;
  padding-left: 2*@gutter;
}

@media (min-width: @sm) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: @md) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: @lg) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: @xl) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}